<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Lumino - Tables</title>

<link href="/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/css/datepicker3.css" rel="stylesheet"/>
<link href="/css/bootstrap-table.css" rel="stylesheet"/>
<link href="/css/styles.css" rel="stylesheet"/>

<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->

</head>

<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><span>API</span>平台</a>
				<ul class="user-menu">
					<li class="dropdown pull-right">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <a id="curUser"></a> <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
						</ul>
					</li>
				</ul>
			</div>
							
		</div><!-- /.container-fluid -->
	</nav>
		
	<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<form role="search">
			<div class="form-group">
				<img alt="100x100" src="/images/pc_10360.jpg" />
			</div>
		</form>
		<ul class="nav menu">
			<li><a href="add"><span class="glyphicon glyphicon-dashboard"></span> 数据源定义</a></li>
			<li><a href="index"><span class="glyphicon glyphicon-pencil"></span> 联调平台</a></li>
			<li><a href="charts"><span class="glyphicon glyphicon-stats"></span> 调用统计</a></li>
			<li class="active"><a href="usermanage"><span class="glyphicon glyphicon-list-alt"></span> 用户管理</a></li>
			<li><a href="table"><span class="glyphicon glyphicon-th"></span> 参数配置</a></li>
		</ul>
		<div style="margin-left: 25px">
			<div style="margin-top: 100px">
				<strong>联系我们</strong>
			</div>
			<div style="margin-top: 15px">
				<p>电话：17862702798</p>
			</div>
		</div>
	</div><!--/.sidebar-->
		
	<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">			
		<div class="row">
			<ol class="breadcrumb">
				<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">用户管理</li>
			</ol>
		</div><!--/.row-->
		
		<div class="row">
			<div class="col-lg-12">
				<h1 class="page-header">用户信息</h1>
			</div>
		</div><!--/.row-->
				
		
		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<span class="panel-heading">用户表&nbsp;&nbsp;<button data-toggle="modal" data-target="#jsonModal" type="button" class="btn btn-primary" onclick="addPara()" disabled="disabled">增加</button></span>
					<div class="panel-body">
						<table id="table"></table>
						<table id="ds"></table>
						<!--<table data-toggle="table" data-url="tables/data1.json"  data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc">-->
						    <!--<thead>-->
						    <!--<tr>-->
						        <!--<th data-field="id" data-sortable="true"></th>-->
						        <!--<th data-field="name"  data-sortable="true">参数个数</th>-->
								<!--<th data-field="paraName" data-sortable="false">参数名称</th>-->
						        <!--<th data-field="price" data-sortable="false">操作</th>-->
						    <!--</tr>-->
						    <!--</thead>-->
						<!--</table>-->
					</div>

				</div>
			</div>
		</div><!--/.row-->

		<!--<div class="row">-->

			<!--<div class="col-md-6">-->
				<!--<div class="panel panel-default">-->
					<!--<div class="panel-heading">Styled Table</div>-->
					<!--<div class="panel-body">-->
						<!--<table data-toggle="table" id="table-style" data-url="tables/data2.json" data-row-style="rowStyle">-->
						    <!--<thead>-->
						    <!--<tr>-->
						        <!--<th data-field="id" data-align="right" >Item ID</th>-->
						        <!--<th data-field="name" >Item Name</th>-->
						        <!--<th data-field="price" >Item Price</th>-->
						    <!--</tr>-->
						    <!--</thead>-->
						<!--</table>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>&lt;!&ndash;/.row&ndash;&gt;	-->

		<div class="modal fade" id="jsonModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">修改参数</h4>
					</div>
					<div class="modal-body">
						<div id="para-result">
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		
	</div><!--/.main-->

	<script src="/js/jquery-1.11.1.min.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/chart.min.js"></script>
	<script src="/js/chart-data.js"></script>
	<script src="/js/easypiechart.js"></script>
	<script src="/js/easypiechart-data.js"></script>
	<script src="/js/bootstrap-datepicker.js"></script>
	<script src="/js/bootstrap-table.js"></script>
	<script src="/js/usermanage.js"></script>
	<script src="/js/echarts.min.js"></script>

</body>

</html>
